<div class="gs-steps">
  <div class="gs-steps__sections">
    {% for i in (2..include.steps) %}

      {%- if include.step >= i %}
        {% assign section_class = 'gs-steps__section_past' %}
      {% else %}
        {% assign section_class = '' %}
      {% endif %}

      <div class="gs-steps__section {{ section_class }}"></div>
    {% endfor %}
  </div>
  <div class="gs-steps__points">
    {% for i in (1..include.steps) %}

      <div class="gs-steps__point">
        {%- if include.step == i %}
          <div class="gs-steps__point-num gs-steps__point-num_active">
            <span>{{ i }}</span>
          </div>
          <div class="gs-steps__point-title">
            {{ include.title }}
          </div>
        {% elsif include.step > i %}
          <a class="gs-steps__point-num gs-steps__point-num_past"
            href="/gs/{% if i > 1 %}{{ page.platform_code }}/step{{ i }}.html{% endif %}">
            <span>{{ i }}</span>
          </a>
        {% else %}
          <a class="gs-steps__point-num gs-steps__point-num_future"
            href="/gs/{% if i > 1 %}{{ page.platform_code }}/step{{ i }}.html{% endif %}">
            <span>{% if include.step == 1 %}?{% else %}{{ i }}{% endif %} </span>
          </a>
        {% endif %}
      </div>
    {% endfor %}
  </div>
</div>
